import React, {FC, useEffect, useState} from 'react';
import styles from './Home.module.scss'
import PhotoWall from "@/pages/PhotoWall";
import SystemHeader from "@/pages/SystemHeader";
import Section01 from "@/pages/Section01";
import Section02 from "@/pages/Section02";
import Section03 from "@/pages/Section03";

interface HomeProps {
}

const Home: FC<HomeProps> = (props) => {
    const {children} = props;

    useEffect(() => {
        console.log('Home 组件挂载完毕!');
    }, []);

    console.log('Home 组件render!');
    return (
        <div className={styles.main}>
            <SystemHeader></SystemHeader>
            <PhotoWall>
                <Section01></Section01>
            </PhotoWall>
            <Section02></Section02>
            <Section03></Section03>
        </div>
    );
};

export default Home;
